<template>
    <div class="level out-div">
        <nav class="level is-mobile nav">
            <div class="level-item has-text-centered">
                <div class="level-item">
                    <span class="nav-title">关注</span>
                </div>
                <br>
            </div>
            <div class="level-item has-text-centered">
                <div class="level-item">
                    <span class="nav-title">推荐</span>
                </div>
            </div>
            <div class="level-item has-text-centered">
                <div class="level-item">
                    <span class="nav-title">热榜</span>
                </div>
            </div>
            <div class="level-item has-text-centered">
                <div class="level-item">
                    <span class="nav-title">视频</span>
                </div>
            </div>
        </nav>
        <div style="margin-top:8px;">
            <div class="no-br" style="border:1px solid #000; width:25%"></div>
            <div class="no-br" style="border:0.5px solid #ebebeb; width:25%"></div>
            <div class="no-br" style="border:0.5px solid #ebebeb; width:25%"></div>
            <div class="no-br" style="border:0.5px solid #ebebeb; width:25%"></div>
        </div>
    </div>
</template>
<style scoped>
.nav {
  margin: 0;
}
.no-br {
  float: left;
}
</style>

